<template>
  <div>
      <!-- 表单 -->
      <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="申请时间"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="idcard"
      label="身份证号"
      width="200">
    </el-table-column>
    <el-table-column
      prop="money"
      label="申请金额"
      width="200">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="电话"
      width="300">
    </el-table-column>
   
    <el-table-column
      
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
     <!-- 页数 -->
    <el-pagination
  background
  layout="prev, pager, next"
  :total="500"
   style="fixed='right'"
  >
</el-pagination>
  </div>
  
</template>
<script>
export default {
      methods: {
      handleClick(row) {
        console.log(row);
      }
    },

    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          idcard: '148598159565418971',
          money: '2000',
          phone: '15296541256',
        }, {
          date: '2016-05-04',
          name: '王小虎',
          idcard: '148598159565418971',
          money: '2000',
          phone: '15296541256',
         
        }, {
          date: '2016-05-01',
          name: '王小虎',
          idcard: '148598159565418971',
          money: '2000',
          phone: '15296541256',
          
        }, {
          date: '2016-05-03',
          name: '王小虎',
          idcard: '148598159565418971',
          money: '2000',
          phone: '15296541256',
         
        }]
      }
    }
  }

</script>